var addLindID = "addDictDetail";				//增加行按扭ID
var deleteLindID = "deleteAllDictDetail";		//删除所有行按扭ID
var tableID = "tableDictDetail";				//表格ID

$(function(){
	$('#' + addLindID).click(function(){
		bindDetailList(null);
	});
	
	$('#' + deleteLindID).click(function(){
		$('#' + tableID).find('tbody').find('tr').not('.no-records-found').remove();
		
		if($('#' + tableID).find('tbody').children('tr').length == 0){
			var trStr = '<tr class="no-records-found">	'+
					    '   <td colspan="7" style="font-size:14px;">			'+
						'		单击底部“新增行”增加字典！		'+
						'	</td>						'+
						'</tr>';
			$('#' + tableID).find('tbody').append(trStr);
		}
	})
})

function bindDetailList(data){
	$('#' + tableID).find('.no-records-found').remove();
	
	var index = 1;
	if($('#' + tableID).find('tbody').find('tr').length > 0){
		index = parseInt($('#' + tableID).find('tbody').find('tr:last').find('.serialnumber').val()) + 1;
	}
	
    
    var itemcode = "";
    var itemname = "";
    var itemabbreviation = "";
    var pitemcode = "";
    
	var ifenabledStr = 'checked="checked"';
    if(data != null){
    	if(data.ifenabled == 0)
    		ifenabledStr = '';
    	
        itemcode = data.itemcode;
        itemname = data.itemname;
        itemabbreviation = data.itemabbreviation;
        pitemcode = data.pitemcode;
    }
        	
	
	var trStr = '<tr id="tr_'+ index +'" class="data">'+
				'<form class="form-horizontal dictDetailForm" id="dictDetailForm_'+ index +'">'+
			    '    <td>'+
			    '    	<input type="number" class="form-control serialnumber" style="text-align: center;" value="'+ index +'" name="serialnumber" />'+
			    '    </td>'+
			    '    <td style="width:120px;">'+
			    '    	<input type="text" class="form-control" name="itemcode" value="'+ itemcode +'" />'+
		        '	</td>'+
			    '    <td>'+
			    '    	<input type="text" class="form-control" name="itemname" value="'+ itemname +'" />'+
			    '    </td>'+
			    '    <td>'+
			    '    	<input type="text" class="form-control" name="itemabbreviation" value="'+ itemabbreviation +'" />'+
			    '    </td>'+
			    '    <td style="width:120px;">'+
			    '    	<input type="text" class="form-control" name="pitemcode" value="'+ pitemcode +'" />'+												        
			    '    </td>'+
			    '    <td style="text-align: center;">'+
    			'		<input type="checkbox" '+ ifenabledStr +' value="1" name="ifenabled" />'+
			    '    </td>'+
			    '    <td>'+
    			'		<button type="button" class="Delete btn btn-danger btn-sm" onclick="deleteDetailLine(\'tr_'+ index +'\');" style="margin-right:10px;"><span class="glyphicon glyphicon-minus"></span></button>'+
			    '    </td>'+
			    '</form>'+
			    '</tr>';
	
	$('#' + tableID).find('tbody').append(trStr);
}

function deleteDetailLine(trId){
	$('#' + trId).remove();
	
	if($('#' + tableID).find('tbody').children('tr').length == 0){
		var trStr = '<tr class="no-records-found">	'+
				    '   <td colspan="7" style="font-size:14px;">			'+
					'		单击底部“新增行”增加字典！		'+
					'	</td>						'+
					'</tr>';
		$('#' + tableID).find('tbody').append(trStr);
	}
}
